<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>下载设置</title>
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../css/index.css" />

		<style>
			.mui-bar a {
				line-height: 30px;
			}
			
			.all-settings {
				margin-top: 65px;
			}
			
			.mui-table-view-cell {
				padding: 6px 15px;
			}
			
			.single {
				margin-top: 14px;
			}
			
			.mui-navigate-right:after,
			.mui-push-right:after {
				top: 48%;
			}
			
			.pwd {
				margin-left: 10px;
				font-size: 13px;
				color: #666666;
				position: absolute;
				right: 26px;
				top: 23px;
			}
			
			.font {
				font-size: 15px;
			}
			/**
 * 弹出框样式start
 */
			
			input::-webkit-input-placeholder {
				font-size: 16px;
				color: #999;
				line-height: 20px;
			}
			
			input::-moz-placeholder {
				font-size: 16px;
				color: #999;
				background-color: #f2f2f2;
				padding: 20px 0;
			}
			
			input::-moz-placeholder {
				font-size: 16px;
				color: #999;
				background-color: #f2f2f2;
				padding: 20px 0;
			}
			
			input::-ms-input-placeholder {
				font-size: 16px;
				color: #999;
				background-color: #f2f2f2;
				padding: 20px 0;
			}
			
			.mui-popup {
				border-radius: 3px;
				width: 300px;
			}
			
			.mui-popup-inner {
				border-radius: 1px 1px 0 0;
			}
			
			.mui-popup-button:first-child {
				border-radius: 0 0 0 3px;
			}
			
			.mui-popup-button:last-child {
				border-radius: 0 0 3px;
			}
			
			.mui-popup-title {
				padding: 16px;
				font-size: 20px;
				color: #333;
			}
			
			.mui-popup-button {
				font-size: 16px;
				color: #666;
			}
			
			.mui-popup-button-bold {
				color: #0487d0;
			}
			
			.mui-popup-inner:after {
				background-color: #E6E6E6;
			}
			
			.mui-popup-input input {
				padding: 0px;
				border: none;
				margin: 15px 0;
				border-radius: 3px;
				padding: 20px 0;
				border: 1px solid #f2f2f2;
				margin-top: 8px;
				background-color: #f2f2f2;
			}
			/**
 * 弹出框样式end
 */
			
			.mui-popup-input,
			.mui-popup-button:first-child {
				display: none;
			}
		</style>

	</head>

	<body>

		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">下载设置</h1>
		</header>

		<!-- 存放所有的 -->
		<div class="all-settings" id="list">

			<div class="single">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media" accesskey="index">
						<a href="javascript:;">
							<label class="font" style="line-height: 54px;">仅WIFI环境上传/下载</label>
							<div class="mui-switch mui-switch-mini mui-switch-blue" id="zt">
								<div class="mui-switch-handle"></div>
							</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media" accesskey="index">
						<a href="javascript:;">
							<label class="font" style="line-height: 54px;">工程云盘显示文件全名</label>
							<div class="mui-switch mui-switch-mini mui-switch-blue" id="zt">
								<div class="mui-switch-handle"></div>
							</div>
						</a>
					</li>
				</ul>
			</div>

			<div class="single">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media" accesskey="index">
						<a href="javascript:;" class="mui-navigate-right">
							<label class="font" style="line-height: 54px;">下载文档保存位置</label>
							<span class="pwd">disk:/ataec/download…</span>
						</a>
					</li>
				</ul>
			</div>

			<div class="single">
				<ul class="mui-table-view">
					<li id="clear" class="mui-table-view-cell mui-media" accesskey="index">
						<a href="javascript:;" class="mui-navigate-right">
							<label class="font" style="line-height: 54px;">清空预览缓存</label>
						</a>
					</li>
				</ul>
			</div>

		</div>

		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/vue2.5.js"></script>
		<script type="text/javascript" src="../../js/jquery-3.2.1.min.js"></script>
		<script>
			document.getElementById("clear").addEventListener('tap', function(e) {
				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
				var btnArray = ['取消', '确定'];
				mui.prompt('为您清理释放了11.2k空间', '请输入新文件夹名', '清理成功', btnArray, function(e) {
					if(e.index == 1) {
						//info.innerText = '谢谢你的评语：' + e.value;
					} else {
						//info.innerText = '你点了取消按钮';
					}
				})
			});

			/*document.getElementById("alertBtn").addEventListener('tap', function() {
				mui.alert('欢迎使用Hello MUI', 'Hello MUI', function() {
					info.innerText = '你刚关闭了警告框';
				});
			});*/
		</script>
	</body>

</html>